<div ng-controller="QuerenCtrl">
<div class="panel panel-default">

 	<div class="panel-body" style="padding-top: 0;padding-bottom: 0;">
 		<div class="nav navbar-nav m-t"> 
            <a ui-sref="app.order.fault" ><span style="background-color: #e0e0e0; text-align: center;"><i class="glyphicon glyphicon-arrow-left" style="height:30px;width:30px; "></i></span></a> 				            
            <span><b>工单管理</b></span>
            <i class="fa fa-angle-right" style="font-size:20px"></i>
            <span><b>故障工单</b> </span>
            <i class="fa fa-angle-right" style="font-size:20px"></i>
            <span><b>客户确认</b></span> 
         </div>
        <!-- nabar right -->
        <ul class="nav navbar-nav navbar-right" ng-controller="SigninFormController">          
          <li class="dropdown" dropdown>
            <a href class="dropdown-toggle clear" dropdown-toggle>
              <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
                <img src="img/a0.jpg" alt="...">
                <i class="on md b-white bottom"></i>
              </span>
              <span class="hidden-sm hidden-md"><b>{{namedata}}</b></span> <b class="caret"></b>
            </a>
            <!-- dropdown -->
            <ul class="dropdown-menu animated fadeInRight w">  
              <li>
                <a ui-sref="app.user.info">用户信息</a>
              </li>       
              <li class="divider"></li>
              <li>
                <a ui-sref="access.signin" ng-click="logout()">登出</a>
              </li>
            </ul>
            <!-- / dropdown -->
          </li>
        </ul>
 	</div>
</div>
<div class="panel  m-t-n-md">
  <div class="panel-body">
    <div class="panel panel-primary">
      <div class="panel-heading">
        工单编号：{{$state.params.oid}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        工单状态：客户确认
      </div>
      <div class="panel-body">     
        <div id="lrzj_x" >
          <ul class="timeline timeline-horizontal">
            <li class="timeline-item">
              <div class="timeline-badge orange" ></div>
              <div class="timeline-panel">
                <div class="h4" style="color:rgb(247,131,106); ">
                  报警
                </div>
                <div class="m-t-xs">
                  <i class="icon iconfont icon-jingbaodeng " style="font-size:24px; color:rgb(247,131,106);"></i>
                </div>
              </div>
              <div class="timeline-low"> 
                {{aaData.alarm_time}}        
              </div>
            </li>
            <li class="timeline-item">
              <div class="timeline-badge orange" ></div>
              <div class="timeline-panel">
                <div class="h4" style="color:rgb(247,131,106); ">
                  接警
                </div>
                <div class="m-t-xs">
                  <i class="icon iconfont icon-yijie" style="font-size:24px; color:rgb(247,131,106);"></i>
                </div> 
              </div>
              <div class="timeline-low"> 
               这字段需添加         
              </div>
            </li>
            <li class="timeline-item">
              <div class="timeline-badge orange"></div>
              <div class="timeline-panel">
                <div class="h4" style="color:rgb(247,131,106); ">
                  到场
                </div>
                <div class="m-t-xs">
                  <i class="icon iconfont icon-shuniu1" style="font-size:24px; color:rgb(247,131,106);"></i>
                </div> 
              </div>
              <div class="timeline-low"> 
                {{aaData.present_time}}           
              </div>
            </li>
            <li class="timeline-item">
              <div class="timeline-badge orange"></div>
              <div class="timeline-panel">
                <div class="h4" style="color:rgb(247,131,106); ">
                  完工
                </div>
                <div class="m-t-xs">
                  <i class="icon iconfont icon-yiqueren" style="font-size:24px; color:rgb(247,131,106);"></i>
                </div> 
              </div>
              <div class="timeline-low"> 
                {{aaData.complete_time}}          
              </div>
            </li>
            <li class="timeline-item">
              <div class="timeline-badge "></div>
              <div class="timeline-panel">
                <div class="h4" >
                 确认
                </div>
                <div class="m-t-xs">
                  <i class="icon iconfont icon-jiazukehub89d30" style="font-size:24px; "></i>
                </div> 
              </div>
              <div class="timeline-low"> 
                {{nowtime}}           
              </div>
            </li>            
          </ul>
        </div>
      </div>
    </div>

    <div class="panel panel-default">
      <div class="panel-heading">
        <b>基本信息</b>
      </div>
      <div class="panel-body">
        <h4 style="color: #337ab7"><b>工单信息</b></h4>
        <div class="row">
          <div class="col-md-6">
            <table class="table">
              <tr>
                <th>工单编号：{{$state.params.oid}}</th>
                <th></th>
              </tr>
              <tr>
                <th>报警类型：{{aaData.alarm_type}}</th>
                <th></th>
              </tr>
               <tr>
                <th>故障描述：故障代码</th>                
              </tr>              
            </table>
          </div>
          <div class="col-md-6">
            <table class="table">
              <tr>
                <th>报警时间：{{aaData.alarm_time}}</th>
                <th></th>
              </tr>
              <tr>
                <th>报警人：{{aaData.alarm_person}}</th>
                <th></th>
              </tr>              
            </table>
          </div>         
        </div>  

        <h4 style="color: #337ab7"><b>设备信息</b></h4>
        <div class="row">
          <div class="col-md-6">
            <table class="table">
              <tr>
                <th>设备ID：{{aaData.equipment_id}}</th>
                <th></th>
              </tr>
              <tr>
                <th>设备名称：{{aaData.equipment_name.split(']')[0].split('[')[1]}}</th>
                <th></th>
              </tr>
              <tr>
                <th>产品名称：{{aaData.equipment_info.product_name}}</th>
                <th></th>
              </tr>
            </table>
          </div>
          <div class="col-md-6">
            <table class="table">
              <tr>
                <th>设备编号：{{aaData.equipment_id}}</th>
                <th></th>
              </tr>
              <tr>
                <th>设备别名：{{aaData.equipment_name.split('[')[0]}}</th>
                <th></th>
              </tr>
              <tr>
                <th></th>
                <th></th>
              </tr>
            </table>            
          </div>          
        </div> 
      </div>
    </div>

    <div class="panel panel-default">
      <div class="panel-heading">
        <b>客户确认</b>
      </div>
      <div class="panel-body">
        <table class="table">
          <tr>
            <th>确认人：{{namedata}}</th>
            <th></th>
          </tr>
          <tr>
            <th>评分：</th>
            <th>
              <form class="form-horizontal">
                <div class="form-group" style="margin-bottom:-5px">                
                    <label class="col-sm-2 col-sm-offset-2"><b>到场时间</b></label>           
                    <div class="col-sm-8" >
                      <div class="m-b text-lg">
                        <!-- <rating ng-model="mmData.qr.daochangfen" max="5" state-on="'fa fa-star text-warning'" state-off="'fa fa-star-o'" readonly="!isReadonly"></rating> <b>({{mmData.qr.daochangfen}}分)</b> -->
                        <rating ng-model="persent_time_evaluation" max="max" readonly="isReadonly" on-hover="hoveringOver(value)" on-leave="overStar = null"></rating>
                        <span>（{{persent_time_evaluation}}分）</span>
                      </div>
                    </div> 
                </div> 
                <div class="form-group" style="margin-bottom:-5px">                
                    <label class="col-sm-2 col-sm-offset-2" ><b>服务态度</b></label>           
                    <div class="col-sm-8" >
                      <div  class="m-b text-lg">
                        <rating ng-model="service_attitude_evaluation" max="max" readonly="isReadonly" on-hover="hoveringOver(value)" on-leave="overStar = null"></rating>
                        <span>（{{service_attitude_evaluation}}分）</span>
                      </div>
                    </div> 
                </div>          
                <div class="form-group" style="margin-bottom:-5px">                
                    <label class="col-sm-2 col-sm-offset-2"><b>维修情况</b></label>           
                    <div class="col-sm-8" >
                      <div  class="m-b text-lg">
                        <rating ng-model="maintenance_evaluation" max="max" readonly="isReadonly" on-hover="hoveringOver(value)" on-leave="overStar = null"></rating>
                        <span>（{{maintenance_evaluation}}分）</span>
                      </div>
                    </div> 
                </div>                       
              </form>         
            </th>
          </tr>
          <tr>
            <th>评价：</th>            
          </tr>
        </table>
        <div class="wrapper-sm m-t-n-md">
          <textarea rows="3" style="width: 100%"></textarea>
        </div>
      </div>
    </div>
         
    <div class="text-center">
      <button class="btn btn-sm btn-info btn-rounded">确定</button>
      <button class="btn btn-sm btn-rounded" ui-sref="app.order.fault">取消</button>
    </div>
    

  </div>
</div>

</div>